@import './common';
.page{
	box-sizing:border-box;
	padding:setSize(0) setSize(24);
}

.section{
	margin-top: setSize(24);
	background-color:#262626;
	border-radius:setSize(8);

	.title{
		height: setSize(128);
		border-top-left-radius:setSize(8);
		border-top-right-radius:setSize(8);
		background-color:$mainColor;
		color: #683A07;
	}

	.cells{
		box-sizing:border-box;
		padding:setSize(0) setSize(24);

		.cell + .cell{
			border-top:setSize(1) solid $bgWin;
		}

		.cell{
			box-sizing:border-box;
			padding: setSize(30) 0;

			.icon-box{
				width: setSize(26);
				height: setSize(26);

				.icon{
					display: block;
					width: 100%;
					height: 100%;
				}
			}

			.text{
				box-sizing:border-box;
				padding:0 setSize(20);
				font-size:setSize(30);
				font-weight:400;
				// color:rgba(51,51,51,1);
				@include ellipsis;
			}

			.sub-text{
				font-size:setSize(24);
				font-weight:400;
				color:#858688;
			}

			.price{
				font-size:setSize(30);
				font-weight:400;
				color:rgba(250,107,47,1);
			}

			.count-box{
				border:setSize(1) solid $bgWin;
				// color: #333333;
				background-color:#38393A;

				.ope{
					width:setSize(50);
					height:setSize(50);
					line-height:setSize(50);
					box-sizing:border-box;
					padding:0 0 setSize(10);
					font-size:setSize(40);
					font-weight:400;
					text-align: center;
				}

				.count{
					min-width:setSize(56);
					height:setSize(50);
					line-height:setSize(50);
					border-left:setSize(1) solid $bgWin;
					border-right:setSize(1) solid $bgWin;
					font-size:setSize(32);
					font-weight:500;
					text-align: center;
				}
			}
		}
	}

	.custom-cell{
		padding:0 !important;

		.price-box{
			box-sizing:border-box;
			padding:setSize(40);

			.lable{
				font-size:setSize(26);
				font-weight:400;
				color:#919294;
			}

			.value{
				font-size:setSize(46);
				font-weight:500;
				color:rgba(250,107,47,1);
			}
		}

		.custom-msg{
			box-sizing:border-box;
			padding:0 setSize(60) setSize(40);
			color: #919294;
			text-align: center;
		}
	}
}

.foot-wrap{
	height: setSize(96);

	.foot-box{
		position: fixed;
		left: 0;
		bottom:0;
		width: 100%;
		height: setSize(96);
		z-index: 999;
		text-align: center;
		overflow: hidden;
		background-color:#fff;
		box-shadow:0 setSize(3) setSize(21) 0 rgba(0, 0, 0, 0.35);

		.btn{
			position:relative;
			box-sizing:border-box;
			padding:0 setSize(24);
			color: #683A07;
			font-size: setSize(32);
		}

		.share{
			line-height: setSize(100);
			background-color:#707173;
		}

		.buy{
			line-height: setSize(100);
			background-color:$mainColor;
		}
	}
}